@media only screen and (min-width: 75em) {
    h1 {
      font-size: 2.2rem;
    }
    .pinformation {
      font-size: large;
    }
  
    .card {
      flex-direction: column;
    }
    .card img {
        max-width: 350px;
    }
    .card:last-of-type{
        grid-column-start: 1;
        grid-column-end:4;
        display: grid;
        place-items: center;
    }

    .hero{
        /* background-image: url(../images/saltillolarge2.jpg);
        display: flex;
        justify-content: center; */
        background-color: white;

    }
    .saltillohero{
        background-color:aliceblue
    }
    /* .weather img {
        margin-left: 50%;
    } */
    #weather-widget{
        height: 55em;
    }
    .the-section {
        display: flex;
        flex-direction: row;
        gap: 0.5em;
    }
    
    .the-section h2 {
        font-family: "krub", sans-serif;
        color: var(--white) ;
    }
    .the-sectiondir {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.5em;
    }
    .article-sec{
        height: 600px;
    }
    .article-sec img {
        width: 20em;
    }
      

    .navigation {
        display: grid;
        margin: 5px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        gap: 5px;
    }
    .navigation li {
        display: block;
        flex: 1 1 100%;
        padding-left: 15px;
    }
    .navigation a {
        text-align: center;
    }
    .navigation li:first-child {
        display: none;
    }

    .contact-address{
        display: flex;
        align-items: stretch;
        margin: 10px;
        flex-direction: column;
    }
}